<template>
    <div class="father">
      <h1>默认插槽：slotFather组件</h1>
      <!-- 第一个child组件 -->
      <Child>
        <h1>第一个组件传一个h1</h1>
      </Child>
      <!-- 第二个child组件 -->
      <Child>
        <input type="text" value="第二个组件传一个input">
      </Child>
      <!-- 第三个child组件 -->
      <Child>
        <!-- 这里什么也不传，子组件会显示默认内容 -->
      </Child>
    </div>
  </template>
  
  <script lang="ts" setup>
  import Child from './Child.vue'
  </script>
  
  <style scoped>
    input{
      width: 300px;
      height: 40px;
      padding: 10px;
      font-size: 20px;
    }
  </style>